@import "../base.less";
.col-40 {
  max-width: 40%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 40%;
  flex: 0 0 40%;
}
.col-60 {
  max-width: 60%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
  flex: 0 0 60%;
}
.col-38 {
  max-width: 38%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 38%;
  flex: 0 0 38%;
}
.col-62 {
  max-width: 62%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 62%;
  flex: 0 0 62%;
}
.col-33 {
  max-width: 33%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33%;
  flex: 0 0 33%;
}
.col-67 {
  max-width: 67%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 67%;
  flex: 0 0 67%;
}
.team-introduce-title {
  position: relative;
  text-align: center;
  color: #fff;
  img {
    width: 100%;
  }
  h3 {
    position: absolute;
    top: .8rem;
    left: 0;
    width: 100%;
    .fs(35);
    font-weight: normal;
  }
  h4 {
    position: absolute;
    top: 1.1rem;
    left: 50%;
    width: 3rem;
    margin-left: -1.5rem;
    .fs(28);
    text-align: left;
    font-weight: normal;
  }
}
.team-introduce-map {
  position: relative;
  padding: .5rem 0 .2rem 0;
  img {
    width: 100%;
  }
  p {
    position: absolute;
    top: .25rem;
    left: 0;
    width: 100%;
    text-align: center;
    .fs(35);
  }
}
.team-introduce-member {
  padding-bottom: .2rem;
  background-color: #f4f4f4;
  h3 {
    margin-top: .2rem;
    text-align: center;
    .fs(28);
    line-height: .2rem;
    color: #666;
    &.no-mt {
      margin-top: 0;
    }
  }
  .member-title {
    .fs(35);
    text-align: center;
    line-height: .6rem;
  }
  .member-item {
    padding-bottom: .2rem;
  }
  .member-img {
    text-align: right;
    img {
      display: inline-block;
      width: 80%;
    }
  }
  .member-detail {
    padding-left: .15rem;
    padding-right: .15rem;
    box-sizing: border-box;
    .member-name {
      .fs(35);
      line-height: .2rem;
    }
    .member-position {
      .fs(28);
      line-height: .3rem;
    }
    .member-description {
      .fs(28);
      color: #666;
      line-height: .24rem;
    }
  }
  .introduce-img-area {
    position: relative;
    width: 100%;
    padding: 0 .2rem;
    margin-top: .2rem;
    box-sizing: border-box;
    img {
      width: 100%;
    }
    .img-icon {
      position: absolute;
      top: .3rem;
      left: 20%;
      width: .4rem;
    }
    .content-area {
      position: absolute;
      top: .2rem;
      left: 37%;
      width: 57%;
      color: #fff;
      h4 {
        .fs(28);
        line-height: .3rem;
      }
      h5 {
        color: #b7b8ba;
        .fs(24);
        line-height: .2rem;
      }
    }
  }
}